<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>My JSP 'management.jsp' starting page</title>
		<link rel="stylesheet" type="text/css" href="css/styles.css">
		<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
		<script type="text/javascript" src="js/autoZoomLoadImage.js"></script>
		<style type="text/css">
			a{blr:expression(this.onFocus=this.close());}
			a{blr:expression(this.onFocus=this.blur());}
			a:focus { -moz-outline-style: none; }
			a:focus { outline: none; }
			#headPhoto td{text-align: center;height: 45px;}
			#headPhoto td table td {height: 33px;}
			.Table1{width: 550px;margin-left: 20px;}
			.Table1 td{height: 40px;}
			.Table1 td input{width: 170px;height: 30px;line-height: 30px;color: #aaaaaa}
			a.selectA{font-weight: bold;font-size: 14px;color: #fff;background: url('img/jz_title.gif');width: 136px;height: 50px;float: left;line-height: 41px;display: block;text-align: center;text-decoration: none;}
			a.select{font-weight: bold;font-size: 14px;color: #444;background: url('img/titbg.jpg');width: 136px;height: 41px;float: left;line-height: 41px;display: block;text-align: center;text-decoration: none;border-right: 1px #c0b099 solid}
			a.select:hover{color: #fff;background: url('img/jz_title1.gif');height: 41px;border-right: 1px #c0b099 solid}
		</style>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#head img").autoZoomLoadImage(true, 134, 1000,"img/loadding.gif");
				$("#headPhoto img").autoZoomLoadImage(true, 33, 1000,"img/loadding.gif");
			});
		</script>
	</head>

	<body style="background-image: url('img/bg.jpg');">
		<center>
			<jsp:include page="tiles-components/top.jsp"></jsp:include>
			<div style="background: url('img/conbg.gif') repeat-y;width: 998px;">
				<div style="height: 40px;width: 100%;"></div>
				<center>
					<table style="width: 90%;">
						<tr>
							<td height="70px">
								<div style="height: 50px;width: 100%;background: url('img/titbg.jpg');">
									<a class="selectA" href="javascript:void(0)">个人资料</a>
									<a class="select" href="javascript:void(0)">修改密码</a>
									<a class="select" href="javascript:void(0)">数据初始化</a>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<center>
									<table width="90%">
										<tr>
											<td width="230px" align="center">
												<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="138px" height="138px">
													<tr>
														<td align="center">
															<center>
																<div id="head" style="width: 134px;height: 134px;overflow: hidden;border-radius:5px;">
																	<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																		<tr>
																			<td align="center">
																				<img style="border-radius:5px;" src="img/head/1.jpg">
																			</td>
																		</tr>
																	</table>
																</div>
															</center>
														</td>
													</tr>
												</table>
												<div style="width: 100%;height: 30px;line-height: 30px;">设置我的站内形象</div>
												<table width="200px;" id="headPhoto">
													<tr>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/1.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/2.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/3.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/4.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<tr>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/5.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/6.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/7.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/8.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<tr>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/9.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/10.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/11.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/12.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<tr>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/13.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/14.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/15.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/16.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<tr>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/17.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/18.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/19.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/20.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<tr>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/21.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/22.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/23.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
														<td>
															<table bgcolor="#ffffff" style="border: 1px #9d9d9d solid;border-radius:5px;" cellspacing="0" width="37px" height="37px">
																<tr>
																	<td align="center">
																		<center>
																			<div style="width: 33px;height: 33px;overflow: hidden;border-radius:5px;">
																				<table width="100%" height="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center">
																							<img style="border-radius:5px;cursor: pointer;" src="img/head/24.jpg">
																						</td>
																					</tr>
																				</table>
																			</div>
																		</center>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
												</table>
											</td>
											<td valign="top">
												<table class="Table1">
													<tr>
														<td>邮箱账户</td>
														<td>
															<input type="text" />
														</td>
														<td>
															<img src="img/status/onShow.gif" />
														</td>
														<td>邮箱6-100个字符，请正确输入您的邮箱！</td>
													</tr>
													<tr>
														<td>密　　码</td>
														<td>
															<input type="text" />
														</td>
														<td>
															<img src="img/status/onShow.gif" />
														</td>
														<td>密码请保持在6-14个英文字符，不支持中文。</td>
													</tr>
													<tr>
														<td>重复密码</td>
														<td>
															<input type="text" />
														</td>
														<td>
															<img src="img/status/onShow.gif" />
														</td>
														<td>请输入重复密码！</td>
													</tr>
													<tr>
														<td>昵　　称</td>
														<td>
															<input type="text" />
														</td>
														<td>
															<img src="img/status/onShow.gif" />
														</td>
														<td>昵称请保持在1-6个汉字，既2-12个字符内。</td>
													</tr>
													<tr>
														<td>安  全  码</td>
														<td>
															<input type="text" />
														</td>
														<td>
															<img src="img/status/onShow.gif" />
														</td>
														<td>找回密码时，可通过安全吗找回。</td>
													</tr>
													<tr>
														<td>居  住  地</td>
														<td>
															<input type="text" />
														</td>
														<td>
															<img src="img/status/onShow.gif" />
														</td>
														<td>如：陕西省、宝鸡市</td>
													</tr>
													<tr>
														<td>性　　别</td>
														<td>
															<input style="width: auto;" type="radio" /> 男
															<input style="width: auto;" type="radio" /> 女
														</td>
														<td> &nbsp; </td>
														<td> &nbsp; </td>
													</tr>
													<tr>
														<td>生　　日</td>
														<td>
															<input type="text" />
														</td>
														<td> &nbsp; </td>
														<td> &nbsp; </td>
													</tr>
													<tr>
														<td colspan="4"> &nbsp; </td>
													</tr>
													<tr>
														<td> &nbsp; </td>
														<td>
															<a class="btn3" href="javascript:void(0)">保 &nbsp; 存</a>
														</td>
														<td> &nbsp; </td>
														<td> &nbsp; </td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</center>
							</td>
						</tr>
					</table>
				</center>
				<div style="height: 20px;width: 100%;"></div>
			</div>
			<div><img src="img/con_bottom.gif" /></div>
			<jsp:include page="tiles-components/footer.jsp"></jsp:include>
		</center>
	</body>
</html>
